<!DOCTYPE html>
<html lang="en" ng-app="huoban">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>项目详情</title>
    <link rel="stylesheet" type="text/css" href="../node_modules/normalize.css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="../style/findHouse.css" />
    <link rel="stylesheet" type="text/css" href="../style/base.css" />
    <link rel="stylesheet" type="text/css" href="../style/swiper.min.css"/>

</head>

<body class="housedetail" ng-controller="findHouse" style="background-color:#ffffff;background-image: none;">
<div class="projectdetalis">
    <!-- 头部 -->
    <div class="housedetail-head">
        <a href="">
            <img src="../images/find/back.png" alt="" class="left detail-back" ng-click="back()">
        </a>
        <img src="../images/find/houseinformation_fenxiang-_black.png" class="right detail-right" alt=""/>
    </div>
    <!-- // 头部 -->
    <!-- 标题 -->
    <div class="projectdetalis-tit">
        <p class="projectdetalis-titp">通钢国际大厦</p>
        <p class=" color-light projectdetalis-p">
            绿园区&nbsp;西安大路&nbsp;&nbsp;<span class="color-blue">225套</span>
        </p>
        <p class="projectdetalis-p" style="display: inline-block;margin-right:5%;">
            <img src="../images/find/houseinformation_rent.png" alt=""/>
            23.50元/平方米/天
        </p>
        <p class="projectdetalis-p" style="display: inline-block">
            <img src="../images/find/houseinformation_rent.png" alt=""/>
            8000元/平方米
        </p>
    </div>
    <!-- // 标题 -->
    <!-- 图片轮播 -->
    <div class="projectdetalis-img" id="xianshi">
        <img src="../images/find/daiti_img1.jpg" alt=""/>
    </div>
    <!-- // 图片轮播 -->
    <!-- 点击查看全部图片 -->
    <div class="chakanquanbu">
        <div class="cover"></div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../images/find/daiti_img1.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img2.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img3.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img1.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img3.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img3.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img1.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img2.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="../images/find/daiti_img3.jpg" alt=""/></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <!--<div class="swiper-button-next"></div>-->
            <!--<div class="swiper-button-prev"></div>-->
        </div>
    </div>
    <!-- // 点击查看全部图片 -->
    <!-- 基础设施 -->
    <div class="housedetail-sheshi">
        <div class="housedetail-sheship">
            <p class="sheshi-px">
                <span class="sheshi-pspanx">
                    <img src="../images/find/houseinformation_rent.png" class="pspanx-img" alt=""/>
                    大堂
                </span>
                <span class="sheshi-pspanx1">举架3.5米</span>
            </p>
            <p class="sheshi-px">
                <span class="sheshi-pspanx">
                    <img src="../images/find/houseinformation_rent.png" class="pspanx-img" alt=""/>
                    电梯
                </span>
                <span class="sheshi-pspanx1">6部客梯，1部货梯</span>
            </p>
            <p class="sheshi-px">
                <span class="sheshi-pspanx">
                    <img src="../images/find/houseinformation_rent.png" class="pspanx-img" alt=""/>
                    餐厅
                </span>
                <span class="sheshi-pspanx1">远大中央空调</span>
            </p>
            <p class="sheshi-px">
                <span class="sheshi-pspanx">
                    <img src="../images/find/houseinformation_rent.png" class="pspanx-img" alt=""/>
                    空调
                </span>
                <span class="sheshi-pspanx1">地面免费停车200个，室内地下租赁停车场</span>
            </p>
            <p class="sheshi-px">
                <span class="sheshi-pspanx">
                    <img src="../images/find/houseinformation_rent.png" class="pspanx-img" alt=""/>
                    停车场
                </span>
                <span class="sheshi-pspanx1">物业公司自营，600人同时用餐，有独立包房</span>
            </p>
        </div>
    </div>
    <!-- // 基础设施 -->

    <p class="projectdetalis-xiala">
        继续拖动&nbsp;查看更多信息
    </p>
</div>
</body>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<script type="text/javascript" src="../node_modules/angular-ui-router.js"></script>
<script type="text/javascript" src="../js/main.js"></script>
<script src="../js/swiper.js"></script>

<!-- 点击查看全部图片显示隐藏 -->
<script type="text/javascript">
    $(document).ready(function() {
        $(".chakanquanbu .cover").click(function() {
            $(".chakanquanbu").css('visibility','hidden');
            $(".chakanquanbu .cover").css('visibility','hidden');

        });
        $("#xianshi").click(function() {
//            $(".chakanquanbu").show();
            $(".chakanquanbu").css('visibility','inherit');
            $(".chakanquanbu .cover").css('visibility','inherit');
        });
    });
</script>
<script>
    var swiper = new Swiper('.swiper-container', {
//        nextButton: '.swiper-button-next',
//        prevButton: '.swiper-button-prev',
        pagination: '.swiper-pagination',
        paginationType: 'fraction'
    });
</script>

<!-- // 点击查看全部图片显示隐藏 -->
</html>